<form nz-form [formGroup]="validateForm">
  <div class="form-inner">

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">角色名称</nz-form-label>
      <nz-form-control class="flex-1">
        <input nz-input formControlName="roleName" placeholder="请输入角色名称">
        <nz-form-explain *ngIf="hasError('roleName')">角色名称长度为2-8个字符!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">站点</nz-form-label>
      <nz-form-control class="flex-1">
        <nz-select formControlName="siteId" nzPlaceHolder="请选择站点">
          <nz-option *ngFor="let item of siteSrv.sites | siteOption" [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="hasError('siteId')">请选择角色站点!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label class="label-width">描述</nz-form-label>
      <nz-form-control class="flex-1">
        <textarea nz-input formControlName="description" placeholder="请输入描述"></textarea>
      </nz-form-control>
    </nz-form-item>

  </div>
</form>